.z-picker {
    background-color: #45454D;
    :deep(.van-picker-column__item) {
        color: #FFFFFF;
    }
    :deep(.van-picker-column__item--selected) {
        color: #FFAA00;
    }
    :deep(.van-picker__mask) {
        background: transparent;
    }
    :deep(.van-hairline-unset--top-bottom) {

        &:after {
            border-color: #505059;
        }
    }
    :deep(.van-picker__confirm) {
        font-size: 16px;
        color: #FFAA00;
        padding: 0 30px;
    }
    :deep(.van-picker__cancel) {
        font-size: 16px;
        color: #999999;
        padding: 0 30px;
    }
    :deep(.van-picker__title) {
        font-size: 18px;
        color: #FFFFFF;
    }
    :deep(.van-picker) {
        background-color: transparent;
    }
    :deep(.van-tabs__nav) {
        background-color: transparent;
    }
    :deep(.van-tab) {
        color: #CCCCCC;
        &.van-tab--active {
            color: #FFAA00;
        }
    }
    :deep(.van-tabs__line) {
        background-color: #FFAA00;
    }
    :deep(.van-picker__toolbar) {
        border-bottom: 1px solid #505059;
    }
    :deep(.van-picker-group__tab-title) {
        margin-right: 0;
    }
}